import React, { Component, Fragment } from "react";

import { Tabs } from "antd";

// 合并页面
import CloudManage  from "./CloudPlatform";
import CloudRegionManage from "./CloudRegion";
import CloudAccountManage from "./CloudAccount";
import CloudTagManage from "./CloudTag";
import CloudDashboard from "./CloudDashboard";
import CloudAccountLogManage from "./CloudAccountLog"

const { TabPane } = Tabs;

class Index extends Component {
    constructor(props){
        super(props);  
        this.setState = {} 
    }

    render(){
        return (
            <Fragment>
                <Tabs defaultActiveKey="1">
                    <TabPane tab="云账户" key="1">
                        <CloudAccountManage />
                    </TabPane>
                    <TabPane tab="云平台" key="2">
                        <CloudManage />
                    </TabPane>
                    <TabPane tab="云区域" key="3">
                        <CloudRegionManage />
                    </TabPane>
                    <TabPane tab="云标签" key="4">
                        <CloudTagManage />
                    </TabPane>
                    <TabPane tab="云汇总" key="5">
                        <CloudDashboard />
                    </TabPane>
                    <TabPane tab="记录" key="6">
                        <CloudAccountLogManage />
                    </TabPane>                   
                </Tabs>
            </Fragment>
        )
    }
}

export default Index;